<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
		<title>推荐场景</title>
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/iconfont.min.css" />
		<link rel="stylesheet" href="../css/swiper-4.1.0.min.css" />
		<link rel="stylesheet" href="../css/template/recommend.css" />
		<script type="text/javascript" src="../js/angular/angular.min.js"></script>
	</head>
	<body>
		<div class="mui-content" ng-app="scene" ng-controller="ctrl">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="../img/banner1.jpg"/>
					</div>
					<div class="swiper-slide">
						<img src="../img/banner2.jpg"/>
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<div class="title">
				<span class="mui-pull-left">精选模板</span>
				<span class="mui-pull-right"><i class="mui-icon mui-icon-loop"></i> 换一批</span>
			</div>
			<div class="info">
				<div class="cover">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 9</span>
				</div>
				<div class="cover center">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 18</span>
				</div>
				<div class="cover right">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 3</span>
				</div>
				<div class="cover">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 9</span>
				</div>
				<div class="cover center">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 18</span>
				</div>
				<div class="cover right">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 3</span>
				</div>
			</div>
			<div class="title">
				<span class="mui-pull-left">最新推荐</span>
				<span class="mui-pull-right">全部</span>
			</div>
			<div class="info">
				<div class="cover">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 9</span>
				</div>
				<div class="cover center">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 18</span>
				</div>
				<div class="cover right">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 3</span>
				</div>
				<div class="cover">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 9</span>
				</div>
				<div class="cover center">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 18</span>
				</div>
				<div class="cover right">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 3</span>
				</div>
				<div class="cover">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 9</span>
				</div>
				<div class="cover center">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 18</span>
				</div>
				<div class="cover right">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 3</span>
				</div>
				<div class="cover">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 9</span>
				</div>
				<div class="cover center">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 18</span>
				</div>
				<div class="cover right">
					<img src="../img/cover.jpg" />
					<span class="describes">2018新年派对邀请函</span>
					<span class="integral"><i class="iconfont icon-jifen"></i> 3</span>
				</div>
			</div>
			<div class="store" id="store">
				设计小店
			</div>
		</div>
		<!--发布按钮-->
		<div class="issue" id="issue">
			<i class="iconfont icon-add"></i>
		</div>
		<script type="text/javascript" src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/swiper-4.1.0.min.js"></script>
		<script type="text/javascript" src="../js/template/recommend.js"></script>
	</body>
</html>